<div class="col-md-3 basic">
    <div class="row">
        <div class=" col-lg-12 col-md-12 col-sm-3 col-xs-12">
            <div class="circle-img"></div>
        </div>
        <div class=" col-lg-12 col-md-12 col-sm-9 col-xs-12">
            <div class="profile_info">
                <h1 class="ta-c">brown smith</h1>
                <h4 class="ta-c">GRAPHIC & WEB DESIGNER</h4>
                <h6 class="ta-c">
                    <span class="fa fa-map-marker"></span>
                    San Francisco , CA
                </h6>
            </div>
            <div class="profile_desc">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac risus nibh.
                    Donec adipiscing luctus tur</p>
                <p> Lorem ipsum dolor sit amet, consectetur adipiscing eli</p>
            </div>
            <div class="profile_social">
                <h6>My Social Profiles</h6>

                <a href="#"><i class="fa fa-qq"></i></a>
                <a href="#"><i class="fa fa-wechat"></i></a>
                <a href="#"><i class="fa fa-weibo"></i></a>
                <a href="#"><i class="fa fa-github"></i></a>
                <a href="#"><i class="fa fa-stack-overflow"></i></a>

            </div>
        </div>
    </div>
</div>